body,div,ul,li,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,form,input,textarea,th,td,select {
	margin:0;
	padding:0;
}
ul,li {
	list-style:none;
}
a {
	text-decoration:none;
}
input,textarea,button {
	outline:none;
	box-shadow:none;
}
html {
	font-size:625%;
}
html,body {
	width:100%;
	height:100%;
}
body {
	overflow-x:scroll;
	overflow-y:scroll;
	min-height: 5rem;
}
.boxSizing {
	-moz-box-sizing: border-box;  
     -webkit-box-sizing: border-box; 
     -o-box-sizing: border-box; 
     -ms-box-sizing: border-box; 
     box-sizing: border-box; 
}
.displayFlex {
	display: box;			  /* OLD - Android 4.4- */
	display: -webkit-box;	  /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;		 /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;	  /* TWEENER - IE 10 */
	display: -webkit-flex;	 /* NEW - Chrome */
	display: flex;			 /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
/* loading */
.loadingdiv {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom:0;
	left: 0;
	right:0;
	background: rgba(0, 0, 0, 0.3);
	z-index: 999;
	display:none;
}

.loadingdiv img {
	position: absolute;
	left: 50%;
	top: 50%;
}

.loadingdiv span {
	width: 40px;
	height: 40px;
	border-left: 8px solid #fff;
	border-top: 8px solid rgba(255, 255, 255, 0.4);
	border-right: 8px solid rgba(255, 255, 255, 0.4);
	border-bottom: 8px solid rgba(255, 255, 255, 0.4);
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform-origin: center;
	animation: loading 0.7s linear infinite;
}

@keyframes loading { 
	0%{
	transform: translate(-50%, -50%) rotate(0deg);
	}
	100%{
	transform:translate(-50%,-50%) rotate(360deg);		
	}
}
